html, body {
    background-color: #f3f3f3;
    color: #333;
    font-family: Arial;
    font-size: 13px;
    
    margin: 0;
    height: 100%;
}

a { color: #2b62a0; text-decoration: none;}
a:hover { text-decoration: underline;}

#container {
    height: auto;
    min-height: 100%;
}

#wrapper {
    padding-bottom: 120px;
    margin: 0 60px 0 60px;
}

#logo {
    background: url('../images/logo.png') no-repeat;
    width: 187px;
    height: 93px;
    margin: 0 0 24px 0;
}

#content {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 22px 26px 22px 26px;
    margin: 0 0 60px 0;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    -moz-box-shadow:    0 0 24px 0 #333;
    -webkit-box-shadow: 0 0 24px 0 #333;
    box-shadow:         0 0 24px 0 #333;
}

#footer {
    position: relative;
    background-color: #333;
    min-height: 77px;
    margin-top: -120px;
    clear: both;
    color: #f3f3f3;
    padding: 20px 0 20px 0;
    border-top: 3px solid #aaa;
    width: 100%;
}

#footer-wrapper { padding: 0 70px 0 70px; }

#footer ul { list-style: none; margin: 0; padding: 0; float: left; margin-right: 60px; }
#footer ul li { margin: 0 0 8px 0;}
#footer a { color: #f3f3f3; }

.rightside { float: right; }

h1 { font-family: georgia; font-style: italic; margin: 0 0 10px 0; font-size: 26px; 
     border-bottom: 1px solid #789fcc; font-weight: normal; padding-bottom: 2px; }
h2 { font-size: 20px; margin: 0; font-weight: normal; font-family: georgia; 
     font-style: italic; }

pre, .code {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    padding: 12px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #2b62a0;
    font-family: DROID SANS MONO, CONSOLAS;
}

code {
    font-family: DROID SANS MONO, CONSOLAS;
    font-size: 13px;
}

.georgia { font-family: georgia; font-style: italic;}